<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/jquery.slideBox.css">

</head>

<body class="full">

    <!-- 顶部开始 -->


    <div class="top">
        <div class="containt cf">
<<<<<<< HEAD
            <h4><a href="index.html">乐购www.lego.com</a></h4>
            <p>请
                <span><a href="sign.html"> 登录 </a>| </span>
                <span><a href="register.html">注册</a></span>
=======
            <h4>乐购www.lego.com</h4>
            <p>请
                <span> 登录 | </span>
                <span>注册</span>
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
            </p>
            <p>欢迎光临乐购</p>
        </div>
    </div>


    <!-- 导航开始 -->
    <header class="containt cf">
        <div class="logo">
            <img src="" alt="">
        </div>
        <div class="ipt">
            <input type="text" placeholder="请输入搜索的商品名">
            <button type="button" class="btn1">
<<<<<<< HEAD
                <img src="images/search.png" alt="">
            </button>
            <button type="button" class="btn2">
                <img src="images/shoppingcard.png">购物车</button>
=======
                <img src="images/搜索.png" alt="">
            </button>
            <button type="button" class="btn2">
                <img src="images/购物车.png">购物车</button>
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
            <button type="button" class="btn3">我的订单</button>
            <div style="margin-top:16px ">
                <a href="">图书</a>
                <a href="">电子书</a>
                <a href="">原创文学</a>
                <a href="">服装</a>
                <a href="">运动户外</a>
                <a href="">孕婴童</a>
                <a href="">家具</a>
                <a href="">创意文具</a>
                <a href="">地方特产</a>
                <a href="">海外购</a>
                <a href="">电器城</a>
            </div>
        </div>
    </header>

    <!-- 轮播图 -->
    <div class="slide_show">
        <div id="demo3" class="slideBox">
            <ul class="items">
                <li>
                    <a href="#">
                        <img src="images/banner1.jpg">
                    </a>
                </li>

                <li>
                    <a href="#">
                        <img src="images/banner2.jpg">
                    </a>
                </li>
            </ul>
        </div>
        <div class="containt">
            <ul>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">111</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">222</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">333</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">444</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">555</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">666</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">777</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">888</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">999</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">10</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">11</div>
                </li>
                <li>图书&nbsp; 电子书&nbsp; 童书
                    <span>&gt;</span>
                    <div class="submenu">12</div>
                </li>
            </ul>
            <div class="list_content"></div>
        </div>
    </div>

    <!-- 广告图 -->

    <div class="bgc">
        <div class="ad containt">
            <ul class="cf">
                <li>
                    <a href="#">
                        <img src="images/ad1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/ad2.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/ad3.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/ad1.jpg" alt="">
                    </a>
                </li>
            </ul>
            <p>
                <a href="#">
                    <img src="images/ad4.png" alt="">
                </a>
            </p>
        </div>

        <!-- 秒杀 -->
        <div class="countdown containt">
            <ul class="cf">
                <li class="li_one">
                    <img src="images/miaosha1.jpg" alt="">
                    <p id="num1"></p>
                    <p id="num2"></p>
                    <p id="num3"></p>
                </li>
                <li style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:74px;left: 15px;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                        <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                    </p>
                    <img src="images/loudspeaker.jpg" alt="">
=======
                        <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                    </p>
                    <img src="images/产品.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    <h3>小米小爱音箱 Play</h3>
                    <p style="margin-left: 15px;">¥129.00</p>
                    <span>
                        <del>¥230.00</del>
                    </span>
                </li>
                <li>
<<<<<<< HEAD
                    <img src="images/loudspeaker.jpg" alt="">
=======
                    <img src="images/产品.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    <h3>小米小爱音箱 Play</h3>
                    <p style="margin-left: 15px;">¥129.00</p>
                    <span>
                        <del>¥230.00</del>
                    </span>
                </li>
                <li>
<<<<<<< HEAD
                    <img src="images/loudspeaker.jpg" alt="">
=======
                    <img src="images/产品.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    <h3>小米小爱音箱 Play</h3>
                    <p style="margin-left: 15px;">¥129.00</p>
                    <span>
                        <del>¥230.00</del>
                    </span>
                </li>
                <li style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:78px;left: 170px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                        <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <img src="images/loudspeaker.jpg" alt="">
=======
                        <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <img src="images/产品.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    <h3>小米小爱音箱 Play</h3>
                    <p style="margin-left: 15px;">¥129.00</p>
                    <span>
                        <del>¥230.00</del>
                    </span>
                </li>
            </ul>
        </div>

    </div>


    <!-- 每日好货 -->
    <div class="merchandise containt cf">
        <h2>
<<<<<<< HEAD
            <img src="images/redyellow02.jpg" alt="">每
            <span>日好货推</span>荐
            <img src="images/redyellow01.jpg" alt="" srcset="">
=======
            <img src="images/彩图_02.jpg" alt="">每
            <span>日好货推</span>荐
            <img src="images/彩图_01.jpg" alt="" srcset="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
        </h2>
        <div class="fl">
            <h1>
                <a href="#">
                    <span>
                        <em>乐购快抢 </em>
                    </span> · 美好生活抢先到</a>
            </h1>
            <p>
                <a href="#">品质好物 天天低价 &gt;&gt;</a>
            </p>
            <a href="#" style="margin-left: 20px">
<<<<<<< HEAD
                <img src="images/poetry.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/JNBY.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/woman.jpg" alt="">
=======
                <img src="images/广告1.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/广告2.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/广告3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
            </a>
        </div>
        <div class="fr">
            <h1>
                <a href="#">
                    <span>
                        <em>品牌活动 </em>
                    </span>· 最后疯抢 3折封顶</a>
            </h1>
            <p>
                <a href="#">150+品牌疯抢中 &gt;&gt;</a>
            </p>
            <a href="#" style="margin-left: 20px">
<<<<<<< HEAD
                <img src="images/its.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/af.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/rosel.jpg" alt="">
=======
                <img src="images/广告4.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/广告5.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/广告6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
            </a>
        </div>
    </div>

    <!-- 主要内容 1-->
    <main id="card">
        <div class="containt cf">
            <div class="head">
<<<<<<< HEAD
                <img src="images/Accessories.jpg" alt="">
=======
                <img src="images/图片.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                <a href="#" class="active">热销内衣</a>
                <a href="#">精品男装</a>
                <a href="#">童装</a>
            </div>
            <div class="min_box show cf">
                <div class="lpic">
                    <div>
                        <h3>黄金珠宝节1</h3>
                        <p>每满300减30</p>
                    </div>
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/Ring.jpg" alt="">
=======
                        <img src="images/图片2.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                        <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
=======
                        <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </p>
                    <p>
                        <a href="#">
                            <img src="images/timg.jpg" alt="">
                        </a>
                    </p>
                    <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p>
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                        <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                        <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>



            <div class="min_box cf">
                <div class="lpic">
                    <div>
                        <h3>黄金珠宝节2</h3>
                        <p>每满300减30</p>
                    </div>
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/woman1.jpg" alt="">
=======
                        <img src="images/图片2.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                        <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
=======
                        <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </p>
                    <p>
                        <a href="#">
                            <img src="images/timg.jpg" alt="">
                        </a>
                    </p>
                    <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p>
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                        <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                        <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>



            <div class="min_box cf">
                <div class="lpic">
                    <div>
                        <h3>黄金珠宝节3</h3>
                        <p>每满300减30</p>
                    </div>
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/woman1.jpg" alt="">
=======
                        <img src="images/图片2.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                        <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
=======
                        <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </p>
                    <p>
                        <a href="#">
                            <img src="images/timg.jpg" alt="">
                        </a>
                    </p>
                    <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p>
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                        <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                        <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>






            <div class="foot">
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="" style="margin-right: 0px;">
                </a>
            </div>
        </div>
    </main>

    <!-- 主要内容2 -->
    <main id="card2">
        <div class="containt cf">
            <div class="head">
<<<<<<< HEAD
                <img src="images/kid.jpg" alt="">
=======
                <img src="images/图片12.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                <a href="#" class="active">热销内衣</a>
                <a href="#">精品男装</a>
                <a href="#">童装</a>
            </div>
            <div class="min_box show cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/kid2.jpg" alt="">
=======
                        <img src="images/图片8.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装1</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                        <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
=======
                        <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </p>
                    <p>
                        <a href="#">
                            <img src="images/timg2.jpg" alt="">
                        </a>
                    </p>
                    <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p>
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                        <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                        <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="min_box  cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/kid2.jpg" alt="">
=======
                        <img src="images/图片8.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装2</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                        <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
=======
                        <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </p>
                    <p>
                        <a href="#">
                            <img src="images/timg2.jpg" alt="">
                        </a>
                    </p>
                    <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p>
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                        <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                        <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="min_box  cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/kid2.jpg" alt="">
=======
                        <img src="images/图片8.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装3</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                        <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
=======
                        <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </p>
                    <p>
                        <a href="#">
                            <img src="images/timg2.jpg" alt="">
                        </a>
                    </p>
                    <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p>
                    <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                        <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                        <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                    </p>
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="foot">
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="" style="margin-right: 0px;">
                </a>
            </div>
        </div>
    </main>

    <!-- 主要内容3 -->

    <main id="card3">
        <div class="containt cf">
            <div class="head">
<<<<<<< HEAD
                <img src="images/life.jpg" alt="">
=======
                <img src="images/图片14.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                <a href="#" class="active">热销内衣</a>
                <a href="#">精品男装</a>
                <a href="#">童装</a>
            </div>
            <div class="min_box show cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/perfect.jpg" alt="">
=======
                        <img src="images/图片9.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装1</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                            <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                        </p> -->
                    <p>
                        <a href="#">
                            <img src="images/perfect2.jpg" alt="">
=======
                            <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                        </p> -->
                    <p>
                        <a href="#">
                            <img src="images/图片10.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                        </a>
                    </p>
                    <!-- <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p> -->
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                            <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                        </p> -->
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                            <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                        </p> -->
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="min_box  cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/perfect.jpg" alt="">
=======
                        <img src="images/图片9.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装2</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                                <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/perfect2.jpg" alt="">
=======
                                <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/图片10.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                        </a>
                    </p>
                    <!-- <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p> -->
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                                <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                                <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="min_box  cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/perfect.jpg" alt="">
=======
                        <img src="images/图片9.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装3</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                                <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/perfect2.jpg" alt="">
=======
                                <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/图片10.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                        </a>
                    </p>
                    <!-- <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p> -->
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                                <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                                <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="foot">
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="" style="margin-right: 0px;">
                </a>
            </div>
        </div>
    </main>



    <!-- 主要内容4 -->


    <main id="card4">
        <div class="containt cf">
            <div class="head">
<<<<<<< HEAD
                <img src="images/life2.jpg" alt="">
=======
                <img src="images/图片11.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                <a href="#" class="active">热销内衣</a>
                <a href="#">精品男装</a>
                <a href="#">童装</a>
            </div>
            <div class="min_box show cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/flower.jpg" alt="">
=======
                        <img src="images/图片13.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装1</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                            <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                        </p> -->
                    <p>
                        <a href="#">
                            <img src="images/home.jpg" alt="">
=======
                            <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                        </p> -->
                    <p>
                        <a href="#">
                            <img src="images/图片15.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                        </a>
                    </p>
                    <!-- <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p> -->
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                            <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                        </p> -->
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                            <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                        </p> -->
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="min_box  cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/flower.jpg" alt="">
=======
                        <img src="images/图片13.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装2</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                                <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/home.jpg" alt="">
=======
                                <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/图片15.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                        </a>
                    </p>
                    <!-- <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p> -->
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                                <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                                <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="min_box  cf">
                <div class="lpic">
                    <a href="#">
<<<<<<< HEAD
                        <img src="images/flower.jpg" alt="">
=======
                        <img src="images/图片13.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                    <a href="#">
                        <span>女装3</span>
                    </a>
                    <a href="#">
                        <span>内衣</span>
                    </a>
                    <a href="#">
                        <span>泳衣</span>
                    </a>
                    <a href="#">
                        <span>功能箱包</span>
                    </a>
                    <a href="#">
                        <span>户外运动</span>
                    </a>
                    <a href="#">
                        <span>男装</span>
                    </a>
                    <a href="#">
                        <span>女鞋</span>
                    </a>
                    <a href="#">
                        <span>男鞋</span>
                    </a>
                    <a href="#">
                        <span>全部分类</span>
                    </a>
                </div>
                <div class="mpic" style="position: relative;">
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;left: 0;background-color: rgba(0, 0, 0, 0.5);border-top-right-radius: 42px;border-bottom-right-radius:42px ">
<<<<<<< HEAD
                                <img src="images/left.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/home.jpg" alt="">
=======
                                <img src="images/左箭头.png" alt="" style="width: 40px;height: 40px;margin-left: -5px;margin-top: 20px">
                            </p> -->
                    <p>
                        <a href="#">
                            <img src="images/图片15.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                        </a>
                    </p>
                    <!-- <p style="width: 455px;height: 50px;text-align: center;line-height:50px;color:white;font-size:18px;position: absolute;bottom: 158px; background-color: rgba(0, 0, 0, 0.5)">大品牌折扣 三折封顶</p> -->
                    <!-- <p style="width: 42px;height: 85px;position: absolute;top:110px;right:0px;background-color: rgba(0, 0, 0, 0.5);border-top-left-radius: 42px;border-bottom-left-radius:42px ">
<<<<<<< HEAD
                                <img src="images/right.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/Special sale.jpg" alt="">
=======
                                <img src="images/右箭头.png" alt="" style="width: 40px;height: 40px;margin-left: 10px;margin-top: 20px">
                            </p> -->
                    <a href="#">
                        <img src="images/图片3.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                    </a>
                </div>
                <div class="rpic">
                    <ul class="cf">
                        <li style="margin:0 14px 23px 0;">
                            <h2>时尚精致女装</h2>
                            <p>春夏女装99选3</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman1.jpg" alt="">
=======
                                <img src="images/图片4.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 0 23px 0;">
                            <h2>大牌品质鞋包</h2>
                            <p>大牌鞋包不止5折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman2.jpg" alt="">
=======
                                <img src="images/图片5.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li style="margin:0 14px 0 0">
                            <h2>魅力舒适内衣</h2>
                            <p>CK文胸买2免1</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/woman3.jpg" alt="">
=======
                                <img src="images/图片6.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                        <li>
                            <h2>型格潮流男装</h2>
                            <p>阿玛尼低至3折</p>
                            <a href="#">
<<<<<<< HEAD
                                <img src="images/man.jpg" alt="">
=======
                                <img src="images/图片7.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="foot">
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="images/logo1.jpg" alt="" style="margin-right: 0px;">
                </a>
            </div>
        </div>
    </main>


    <!-- 尾部 -->

    <footer class="containt">
        <ul>
            <li>
                <a>
                    <img src="images/p1.jpg" alt="" style="border: white">
                    <div>
                        <h2>正品保障</h2>
                        <p>正品行货  放心选购</p>
                    </div>
                </a>
            </li>
            <li>
                <a>
                    <img src="images/p2.jpg" alt="">
                    <div>
                        <h2>满86包邮</h2>
                        <p>满86元 免运费</p>
                    </div>
                </a>
            </li>
            <li>
                <a>
                    <img src="images/p3.jpg" alt="">
                    <div>
                        <h2>售后无忧</h2>
                        <p>7天无理由退货</p>
                    </div>
                </a>
            </li>
            <li>
                <a>
                    <img src="images/p4.jpg" alt="">
                    <div>
                        <h2>准时送达</h2>
                        <p>收货时间由你做主</p>
                    </div>
                </a>
            </li>
        </ul>
        <div class="mid cf">
            <div>
                <h2><a href="#">新手入门</a></h2>
                <p><a href="#">购物流程</a></p>
                <p><a href="#">会员制度</a></p>
                <p><a href="#">订单查询</a></p>
                <p><a href="#">服务协议及隐私说明</a></p>
                <p><a href="#">网站地图</a></p>
            </div>
            <div>
                <h2><a href="#">支付方式</a></h2>
                <p><a href="#">货到付款</a></p>
                <p><a href="#">网上支付</a></p>
                <p><a href="#">礼品卡支付</a></p>
                <p><a href="#">其它支付</a></p>
            </div>
            <div>
                <h2><a href="#">配送服务</a></h2>
                <p><a href="#">配送进度查询</a></p>
                <p><a href="#">商品验货与签收</a></p>
            </div>
            <div>
                <h2><a href="#">相关规则</a></h2>
                <p><a href="#">平台规则</a></p>
                <p><a href="#">退换货政策</a></p>
                <p><a href="#">发票制度</a></p>
                <p><a href="#">帮助中心</a></p>
            </div>
            <div>
                <h3>App更优惠</h3>
<<<<<<< HEAD
                <img src="images/code.jpg" alt="">
            </div>
            <div>
                <h3>加微信查订单</h3>
                <img src="images/code2.jpg" alt="">
=======
                <img src="images/二维码1.jpg" alt="">
            </div>
            <div>
                <h3>加微信查订单</h3>
                <img src="images/二维码2.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
            </div>
        </div>
    </footer>

    <div class="over">
            <p style="padding-top:30px; ">沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | </p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <p style="padding-bottom:20px ;">
<<<<<<< HEAD
                <img src="images/trademark1.jpg" alt="">
                <img src="images/trademark2.png" alt="">
                <img src="images/trademark3.jpg" alt="">
                <img src="images/trademark4.jpg" alt="">
                <img src="images/trademark5.png" alt="">
                <img src="images/trademark1.jpg" alt="">
=======
                <img src="images/商标1.jpg" alt="">
                <img src="images/商标2.png" alt="">
                <img src="images/商标3.jpg" alt="">
                <img src="images/商标4.jpg" alt="">
                <img src="images/商标5.png" alt="">
                <img src="images/商标1.jpg" alt="">
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
            </p>
    </div>


    <!-- 侧面二维码 -->
    <div class="code">
        <h2>下载APP</h2>
<<<<<<< HEAD
        <img src="images/code.jpg" alt="" style="margin-left:5px;width: 50px; ">
        <p><span><img src="images/null.png" alt=""></span>购物车</p>
    </div>

    <!-- 顶部搜索框 -->
    <div class="searchbox" id='searchbox'>
        <p>
            <input type="text" placeholder="请输入搜索的商品名">
                <img src="images/search.png" alt="">
        </p>
=======
        <img src="images/二维码1.jpg" alt="" style="margin-left:5px;width: 50px; ">
        <p><span><img src="images/购物车空.png" alt=""></span>购物车</p>
>>>>>>> edb33377eaff027e20a1e6d92339f4fb01e8ce17
    </div>


    <script src="lib/jquery.min.js"></script>
    <script src="js/jquery.slideBox.js" type="text/javascript"></script>
    <script src="js/index.js"></script>
</body>

</html>